<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Login</title>

    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link href="../static/common/js/weui-master/dist/style/weui.min.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <script src="../static/common/js/jquery-1.11.1.min.js"></script>


</head>
<body>
<div class="page">
    <div class="page__bd" style="height: 100%;">
        <div class="weui-tab" style="height: 100%;">
            <div class="weui-navbar">
                <div href="#test_process" to-url="test_process" class="weui-navbar__item weui-bar__item_on">
                    <span>测试过程</span>
                </div>
                <div href="#device_position" to-url="device_position" class="weui-navbar__item">
                    <span>设备位置</span>
                </div>
                <div href="#real_time_working" to-url="real_time_working" class="weui-navbar__item">
                    <span>实时工况</span>
                </div>
            </div>
            <div class="weui-tab__panel">
                <div id="test_process" class="weui-tab__content" style="display: block;">

                    <table class="panel_test_process">
                        <tr>
                            <td style="padding: 15px 0px;"><span id="boxId"></span></td>
                            <td style="padding: 15px 0px;"><span>上报工况对比</span></td>
                            <td style="padding: 15px 0px;"><span>下发指令测试</span></td>
                        </tr>
                        <tr class="panel_test_process_tr">
                            <td>
                                <div>
                                    <p><span>已进行</span></p>
                                    <p><strong id="alreadyTime">0</strong>分钟</p>
                                </div>
                            </td>
                            <td>
                                <div>
                                    <p>
                                        <span style="float: left;display: block; width: 65%; text-align: right; padding: 0px;">成功次数：</span>
                                        <strong id="upSuccess"
                                                style="color: #5FB878; float: left;display: block; width: 35%;">0</strong>
                                    </p>

                                    <p>
                                        <span style="float: left;display: block; width: 65%; text-align: right; padding: 0px;">失败次数：</span>
                                        <strong id="upFail"
                                                style="color: red; float: left;display: block; width: 35%;">0</strong>
                                    </p>
                                    <div style="float: none;clear: left; padding: 0px;"></div>
                                </div>
                            </td>
                            <td>

                                <div>
                                    <p>
                                        <span style="float: left;display: block; width: 65%; text-align: right; padding: 0px;">成功次数：</span>
                                        <strong id="downSuccess"
                                                style="color: #5FB878; float: left;display: block; width: 35%;">0</strong>
                                    </p>

                                    <p>
                                        <span style="float: left;display: block; width: 65%; text-align: right; padding: 0px;">失败次数：</span>
                                        <strong id="downFail"
                                                style="color: red; float: left;display: block; width: 35%;">0</strong>
                                    </p>
                                    <div style="float: none;clear: left; padding: 0px;"></div>
                                </div>
                            </td>
                        </tr>
                    </table>

                    <div style="width: 100%; background: #ffffff; margin-top: 10px; float: left; height: 80%;">
                        <div style="padding: 10px; text-align: center; display: none;" id="getTesterByPressure">
                            <div id="echats_pressure"
                                 style=" width: 300px;  height: 300px; max-height: 300px; max-width: 100%;"></div>
                        </div>

                        <div style="padding: 15px 15px 15px 15%; display: none;" id="getTesterByDevice">
                            <h2 style="margin: 0px 0px 10px -15px;">当时状态:</h2>
                            <div style="width: 100%;" id="status1">
                                <div class="node-icon">
                                    <i class="weui-icon-success weui-icon_msg"></i>
                                </div>
                                <div class="node-content">
                                </div>
                            </div>
                            <div style="width: 100%;" id="status2">
                                <div class="node-flwidth100"></div>
                                <div class="node-line"></div>
                                <div class="node-flwidth100"></div>
                                <div class="node-icon">
                                    <i class="weui-icon-success weui-icon_msg"></i>
                                </div>
                                <div class="node-content">
                                </div>
                            </div>
                            <div style="width: 100%;" id="status3">
                                <div class="node-flwidth100"></div>
                                <div class="node-line"></div>
                                <div class="node-flwidth100"></div>
                                <div class="node-icon">
                                    <i class="weui-icon-success weui-icon_msg"></i>
                                </div>
                                <div class="node-content">
                                </div>
                            </div>
                            <div style="width: 100%;" id="status4">
                                <div class="node-flwidth100"></div>
                                <div class="node-line"></div>
                                <div class="node-flwidth100"></div>
                                <div class="node-icon">
                                    <i class="weui-icon-success weui-icon_msg"></i>
                                </div>
                                <div class="node-content">
                                </div>
                            </div>
                            <div style="width: 100%;" id="status5">
                                <div class="node-flwidth100"></div>
                                <div class="node-line"></div>
                                <div class="node-flwidth100"></div>
                                <div class="node-icon">
                                    <i class="weui-icon-success weui-icon_msg"></i>
                                </div>
                                <div class="node-content">
                                </div>
                            </div>
                            <div style="width: 100%;" id="status6">
                                <div class="node-flwidth100"></div>
                                <div class="node-line"></div>
                                <div class="node-flwidth100"></div>
                                <div class="node-icon">
                                    <i class="weui-icon-success weui-icon_msg"></i>
                                </div>
                                <div class="node-content">
                                </div>
                            </div>
                            <!--<div style="width: 100%;" id="status7">
                                <div class="node-flwidth100"></div>
                                <div class="node-line"></div>
                                <div class="node-flwidth100"></div>
                                <div class="node-icon">
                                    <i class="weui-icon-success weui-icon_msg"></i>
                                </div>
                                <div class="node-content">
                                </div>
                            </div>
                            <div style="width: 100%;" id="status8">
                                <div class="node-flwidth100"></div>
                                <div class="node-line"></div>
                                <div class="node-flwidth100"></div>
                                <div class="node-icon">
                                    <i class="weui-icon-success weui-icon_msg"></i>
                                </div>
                                <div class="node-content">
                                </div>
                                <div class="node-flwidth100"></div>
                            </div>-->


                        </div>
                    </div>
                </div>
                <div id="device_position" class="weui-tab__content" style="width: 100%;">

                </div>
                <div id="real_time_working" class="weui-tab__content">
                    <div style="" class="sg-working-h">
                        <div class="h-div">
                            <div class="h-th h-th1"><span>属性名</span></div>
                            <div class="h-th h-th2"><span>属性值</span></div>
                        </div>
                        <div class="h-div-hr"><div style="border-bottom: 1px solid #ddd; width: 100%;"></div></div>
                        <div id="sg-working-body">
                           <!-- <div class="h-div">
                                <div class="h-td">温度1</div>
                                <div class="h-value">NUII</div>
                            </div>
                            <div class="h-hr"></div>
                            <div class="h-div">
                                <div class="h-td">高度</div>
                                <div class="h-value">30</div>
                            </div>
                            <div class="h-hr"></div>
                            <div class="h-td">锁机位</div>
                            <div class="h-value">NUII</div>
                            <div class="h-hr"></div>
                            <div class="h-td">发动机ID</div>
                            <div class="h-value">FDJ001</div>
                            <div class="h-hr"></div>
                            <div class="h-td">经度</div>
                            <div class="h-value">134.234</div>
                            <div class="h-hr"></div>
                            <div class="h-td">纬度</div>
                            <div class="h-value">94.234</div>
                            <div class="h-hr"></div>-->
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="../static/common/js/weui-master/dist/example/zepto.min.js"></script>
<script type="text/javascript" src="../static/common/js/weui-master/dist/js/jweixin-1.0.0.js"></script>
<script src="../static/common/js/weui-master/dist/js/weui.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=5sWrhc0VSrd9S5CXgbDX2xLrXkaxhKAv"></script>
<script src="../static/common/js/echarts/echarts.simple.min.js"></script>
<script src="../static/common.js"></script>
<script src="../static/common/js/Hynetic.js"></script>
<script src="js/main.js"></script>
<script src="js/main_echats.js"></script>
</body>
</html>